// 导入 Vue Router 相关的函数和组件
import HomeView from '@/view/HomeView.vue'
import NotFoundView from '@/view/NotFoundView.vue'
import SearchView from '@/view/SearchView.vue'
import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'

// 创建并配置 Vue Router 实例
// 使用哈希历史模式，适用于没有服务器支持的单页应用
// 当前没有定义任何路由规则
const router = createRouter({
  // history: createWebHashHistory(),
  history: createWebHistory(),
  
  routes: [
    { path:'/find', component:()=>import('@/view/FindView.vue')},
    { path:'/my', component:()=>import('@/view/MyView.vue')},
    { path:'/friend', component:()=>import('@/view/FriendView.vue')},
    { path:'/home',component:()=>import('@/view/HomeView.vue')},
    { path: '/search/:keyword',component:SearchView},
    // redirect 重定向，避免首页白屏
    {path:'/',redirect:'/home'},
    // 可选动态路由参数，避免无参数时白屏
    { name:'SearchView',path: '/search/:keyword?',component:()=>import('@/view/SearchView.vue')},
    // 404 页面，路径不存在时，避免白屏
    {path:'/:pathMatch(.*)*',component:()=>import('@/view/NotFoundView.vue')}   
    
  ]
})


// 导出 Vue Router 实例，供其他模块使用
export default router